<div class="card_box">

<nz-card class="card" style="background-color: #ADFF2F">
  <ng-template #body  >
    <ul>
      <li><h1>题目总数</h1></li>
      <li>{{totalData.questionSum}}</li>
    </ul>
  </ng-template>
</nz-card>
</div>
<div class="card_box">
<nz-card class="card" style="background-color: #00BFFF">
  <ng-template #body>
    <ul>
      <li><h1>答题人数</h1></li>
      <li>{{totalData.answerSum}}</li>
    </ul>
  </ng-template>
</nz-card>
</div>
<div class="card_box">
<nz-card class="card" style="background-color: #7FFFD4">
  <ng-template #body>
    <ul>
      <li><h1>合格人数</h1></li>
      <li>{{totalData.qualifiedSum}}</li>
    </ul>
  </ng-template>
</nz-card>
</div>
<div class="card_box">

<nz-card class="card" style="background-color: 	#FFA500">
  <ng-template #body>
    <ul>
      <li><h1>不合格人数</h1></li>
      <li>{{totalData.disQualifiedSum}}</li>
    </ul>
  </ng-template>
</nz-card>
</div>
<div class="charts_box">
  <canvas baseChart
          [data]="doughnutChartData"
          [labels]="doughnutChartLabels"
          [chartType]="doughnutChartType"
          [options]="doughnutChartOptions"
          (chartHover)="chartHovered($event)"
          (chartClick)="chartClicked($event)"></canvas>
</div>
<div class="charts_box">
  <nz-radio-group [(ngModel)]="queryType" >
    <label nz-radio-button [nzValue]="'week'" (click)="typeChange()"><span>本周</span></label>
    <label nz-radio-button [nzValue]="'month'" (click)="typeChange()"><span>本月</span></label>
    <label nz-radio-button [nzValue]="'year'" (click)="typeChange()"><span>本年</span></label>
  </nz-radio-group>
<canvas baseChart
        [datasets]="lineChartData"
        [labels]="lineChartLabels"
        [options]="lineChartOptions"
        [legend]="lineChartLegend"
        [chartType]="lineChartType"
        (chartHover)="chartHovered($event)"
        (chartClick)="chartClicked($event)"></canvas>
</div>
